<!DOCTYPE html>
<html lang="en" class=" js csstransitions"><head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>diosgrafis | App Showcase </title>
        <meta name="description" content="diosgrafis | web custumized,development apppliaction,design all media" />
        <meta name="keywords" content="Android,Adobe Air Mobile, diosgrafis, odilio, web development indonesia, design, content" />
        <meta name="author" content="diosgrafis" />
		<link rel="shortcut icon" href="#"> 
		<link rel="stylesheet" type="text/css" href="css/default.css">
		<link rel="stylesheet" type="text/css" href="css/component3.css">
		<script src="js/modernizr.custom.js"></script>
		<style>
		html{background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
		</style>
	</head>
	<body>
		<div class="container">	
			<header class="clearfix">
				<div class="inner">
				<a href="http://diosgrafis.hol.es"><img id="logo" src="images/logo.png"/></a>
					<nav class="codrops-demos">
						<a class="current-demo" href="http://diosgrafis.hol.es">Halaman Utama</a>
					</nav>
				</div>
			</header>
			<div class="main">
				<div id="ac-wrapper" class="ac-wrapper">
					<div class="blok"><h2>diosgrafis
 <span>Android Flash Adobe Air Application</span></h2></div>
					<div class="ac-device">
						<a href="#"><img src="images/screen3.jpg" style="transition: all 0.5s ease; -webkit-transition: all 0.5s ease; opacity: 1; -webkit-transform: scale(1);"></a>
						<h3 class="ac-title">Adobe Air Android | diosgrafis</h3>
						<nav>
							<span>&lt;</span>
							<span>&gt;</span>
						</nav>
					</div>
					<div class="ac-grid">
						<a href="#"><img src="images/screen1.jpg"><span>Inilah aplikasi android yg diosgrafis buat</span></a>
						<a href="#"><img src="images/screen2.jpg"><span>Direction and Location</span></a>
						<a href="#"><img src="images/screen3.jpg"><span>Cut Launch</span></a>
						<a href="#"><img src="images/screen4.jpg"><span>Rumus Portable</span></a>
						<a href="#"><img src="images/screen5.jpg"><span>Ayo Menghitung</span></a>
						<a href="#"><img src="images/screenjkt.jpg"><span>Jkt48 updates!</span></a>
						<a href="#"><img src="images/screengdf.jpg"><span>Goods DamFish</span></a>
						<a href="#"><img src="images/screendc.jpg"><span>Drumcash!</span></a>
						<a href="#"><img src="images/screensa.jpg"><span>Sejarah Asyik | Sejarah Hindu-Budha</span></a>
					</div>
				</div>	
				<p>Click Layar Untuk melihat semua dengan jelas.</p>			
				<p>diosgrafis 2013</p>
			</div>
		</div><!-- /container -->
		<script src="js/js/jquery.min.js"></script>
		<script src="js/appshowcase_3.js"></script>
		<script>
			$(function() {
				AppShowcase.init();
			});
		</script>
	
</body></html>